﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="/Scripts/jquery-1.10.2.js"></script>
    <script src="/Scripts/angular.js"></script>
    <script src="/Scripts/angular-ui/ui-bootstrap.js"></script>
    <script src="/Scripts/angular-ui/ui-bootstrap-tpls.js"></script>
    <script src="directive.js"></script>
    <link type="text/css" rel="stylesheet" href="/Content/bootstrap.css" />

</head>
<body ng-app="simpleDirective">

    <div ng-controller="simpleController">
        <p>1.ng-model</p>
        
        <pre>{{good|json}}</pre>
        
        <input ng-model="good"/>

        <p>2.require="ngModel"</p>
        <textarea hello="message" ng-model="good"></textarea>


        <p>3. stage of directive</p>
        <div log='some-div'></div>



        <p>4.ng-model</p>
        <div ng-init="form.userName"></div>
        <div ng-model="form.userName">change me</div>
        <hr />
        <textarea ng-model="form.userName" id="textarea"></textarea>


        <hr/>
        <p>-----------------------------------------------------</p>
        <div ng-init="form.userContent"></div>
        <div contenteditable ng-model="form.userContent">Change me!</div>
        <hr/>

        <textarea ng-model="form.userContent" id="textarea"></textarea>
    </div>

</body>
</html>
